//custom radio
.ngg-radio {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--radio-default-color);
    position: relative;
    border-radius: 50%;
    vertical-align: middle;
    box-sizing: border-box;
    transition: border-color ease .2s;
}

.ngg-radio .checked {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid var(--radio-checked-front-color);
    background: var(--radio-checked-front-color);
}

//ant-radio
.ant-radio-group {
    border: none;
    box-shadow: none;
    padding: 6px 0;
}

.ant-radio-wrapper{
    color: var(--font-primary-color);
}

.ant-radio-inner {
    border-color: var(--radio-default-color);
    background-color: var(--radio-default-color);
}

.ant-radio-checked .ant-radio-inner {
    border-color: var(--radio-checked-front-color);
    background-color: var(--radio-checked-back-color);
}

.ant-radio-inner::after {
    background-color: var(--radio-checked-front-color);
}

.ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner {
    border-color: var(--radio-checked-front-color);
}


//ant-radio-button
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
    border-color: var(--border-default-color);
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    color: var(--input-bg-color);
    background: var(--font-hover-color);
    border-color: var(--border-hover-color);
    box-shadow: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
    color: var(--color-primary-invert);
}
.ant-radio-button-wrapper:first-child {
    border-left: 1px solid var(--border-default-color);
}
.ant-radio-button-wrapper {
    color: var(--font-primary-color);
    background: var(--input-bg-color);
    border: 1px solid var(--border-default-color);
}
.ant-radio-button-wrapper:hover {
    color: var(--font-hover-color);
}


